﻿@model BootstrapMVC.Models.RegisterModel

@{
    ViewBag.Title = "Register";
}

<section id="LogOn">
    <div class="page-header">
        <h1>Create a New Account</h1>
    </div>
    <div class="row">
        <div class="span12 columns">
            <p>
                Use the form below to create a new account. Passwords are required to be a <strong>minimum of @Membership.MinRequiredPasswordLength characters</strong> in length.
           </p>


            <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
            <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

            @using (Html.BeginForm()) {
                @Html.ValidationSummary(true, "Account creation was unsuccessful. Please correct the errors and try again.")
                    <fieldset>
                        <legend>Account Information</legend>

                        <div class="clearfix">
                            @Html.LabelFor(m => m.UserName)
                            <div class="input">
                                @Html.TextBoxFor(m => m.UserName)
                                @Html.ValidationMessageFor(m => m.UserName)
                            </div>
                        </div>

                        <div class="clearfix">
                            @Html.LabelFor(m => m.Email)                        
                            <div class="input">
                                @Html.TextBoxFor(m => m.Email)
                                @Html.ValidationMessageFor(m => m.Email)
                            </div>
                        </div>

                        <div class="clearfix">
                            @Html.LabelFor(m => m.Password)                       
                            <div class="input">
                                @Html.PasswordFor(m => m.Password)
                                @Html.ValidationMessageFor(m => m.Password)
                            </div>
                        </div>

                        <div class="clearfix">
                            @Html.LabelFor(m => m.ConfirmPassword)
                            <div class="input">
                                @Html.PasswordFor(m => m.ConfirmPassword)
                                @Html.ValidationMessageFor(m => m.ConfirmPassword)
                            </div>
                        </div>

                        <div class="actions">
                            <input type="submit" class="btn primary" value="Register" />
                        </div>
                    </fieldset>
            }
        </div> 
    </div>
</section>